body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, pre,dl, dt, dd, ul, ol, li, th,
td, div, span, img,fieldset, lengend, button, input, select, textarea{
    margin: 0;padding: 0;
}
.clearfix{
    zoom:1;
}
.clearfix:after{
    display:block;
    content:"clear";
    clear:both;
    line-height:0;
    visibility:hidden;
}
input{
    outline:none;
}
//input:-webkit-autofill{
//    -webkit-box-shadow: 0 0 0px 1000px white inset !important;
//}
li{
    list-style:none;
}
a{
    text-decoration:none;
}
.top{
    background:0;
    .topbar{
        .pull-left{
            ul{
                li{
                    a{
                        color:#333;
                    }
                }
            }
        }
        .pull-right{
            .tologin,.regist{
                color:#333;
            }
            .name,.loginout{
                color:#333;
            }
        }
    }
}
.main{
    width:100%;
    .main-container{
        width:1200px;
        margin:0 auto;
        padding-top:25px;
        position:relative;
        .left{
            width: 790px;
            border: solid 1px #dddddd;
            padding-right:20px;
            float:left;
            .left-top{
                width:100%;
                height:271px;
                .top-img{
                   width:508px;
                   height:271px;
                   float:left;
                   position:relative;
                   .top-to-img{
                        width:100%;
                        height:100%;
                       position:absolute;
                       left:0;
                       top:0;
                   }
                   .triangle{
                      position:absolute;
                      right:0;
                      top:0;
                      width: 0;
                       height:0;
                       border-bottom:271px solid #fff;
                       border-left:140px solid transparent;
                   }
                    .status{
                        position:absolute;
                        top:0;
                        left:0;
                        span{
                            display:inline-block;
                            font-family: MicrosoftYaHei;
                            font-size: 12px;
                            color: #333333;
                            position: absolute;
                            top: 5px;
                            left: 15px;
                        }
                    }
                }
                .top-detail{
                    float:right;
                    width:270px;
                    height:100%;
                    position:relative;
                    h2{
                        font-family: MicrosoftYaHei;
                        font-size: 18px;
                        color: #333333;
                        margin-top:22px;
                        float:right;
                        width: 100%;
                        text-align: right;
                    }
                    h3{
                        font-family: MicrosoftYaHei;
                        font-size: 12px;
                        color: #999999;
                        margin-top:24px;
                        float:right;
                        p{
                            text-align:right;
                            width: 260px;
                        }
                    }
                    .agreement{
                        position:absolute;
                        bottom:65px;
                        left:-40px;
                        span{
                            display:block;
                            font-family: MicrosoftYaHei;
                            font-size: 12px;
                            color: #999999;
                            float:left;
                            margin-right:10px;
                            line-height:20px;
                        }
                        .xy{
                            margin-right:105px;
                        }
                        img{
                            float:left;
                            margin-right:10px;
                        }
                        a{
                            float:left;
                            display:block;
                            font-family: MicrosoftYaHei;
                            font-size: 12px;
                            color: #1885ff;
                        }
                        .chinese{
                            margin-right:15px;
                        }
                    }
                    .share{
                        width:333px;
                        position:absolute;
                        bottom:10px;
                        left:-75px;
                        em{
                            display:block;
                            font-style:normal;
                            font-family: MicrosoftYaHei;
                            font-size: 12px;
                            color: #999999;
                            float:left;
                            line-height:24px;
                        }
                        a{
                            display:block;
                            margin-left:5px;
                            float:left;
                            img{
                                width:23px;
                                height:23px;
                            }
                        }
                        .follow{
                            height: 32px;
                            background-color: #ffffff;
                            border-radius: 3px;
                            border: solid 1px #dddddd;
                            float:right;
                            span{
                                font-family: MicrosoftYaHei;
                                font-size: 12px;
                                color: #999999;
                                float: left;
                                line-height: 34px;
                                margin-right: 10px;
                                em{
                                    font-style:normal;
                                    font-family: MicrosoftYaHei;
                                    font-size: 12px;
                                    color: #999999;
                                    float: left;
                                    line-height: 34px;
                                }
                            }
                            img{
                                 margin: 10px 10px 0 10px;
                                 float: left;
                            }
                        }
                    }
                }
            }
            .left-bottom{
                width:100%;
                margin-top:36px;
                h5{
                    font-family: MicrosoftYaHei;
                    font-size: 16px;
                    color: #000000;
                    margin-bottom:25px;
                    padding-left:15px;
                }
                .content-detail{
                    width:100%;
                    padding-left:15px;
                }
            }
        }
        .left-center{
            width: 790px;
            position:absolute;
            left:50%;
            top:0;
            transform:translate(-50%,0);
            .left-top{
                width:100%;
                height:271px;
                .top-img{
                    width:508px;
                    height:271px;
                    float:left;
                    position:relative;
                    .top-to-img{
                        width:100%;
                        height:100%;
                        position:absolute;
                        left:0;
                        top:0;
                    }
                    .triangle{
                        position:absolute;
                        right:0;
                        top:0;
                        width: 0;
                        height:0;
                        border-bottom:271px solid #fff;
                        border-left:140px solid transparent;
                    }
                    .status{
                        position:absolute;
                        top:0;
                        left:0;
                        span{
                            display:inline-block;
                            font-family: MicrosoftYaHei;
                            font-size: 12px;
                            color: #333333;
                            position: absolute;
                            top: 5px;
                            left: 15px;
                        }
                    }
                }
                .top-detail{
                    float:right;
                    width:270px;
                    height:100%;
                    position:relative;
                    h2{
                        font-family: MicrosoftYaHei;
                        font-size: 18px;
                        color: #333333;
                        margin-top:22px;
                        float:right;
                        width: 100%;
                        text-align: right;
                    }
                    h3{
                        font-family: MicrosoftYaHei;
                        font-size: 12px;
                        color: #999999;
                        margin-top:24px;
                        float:right;
                        p{
                            text-align:right;
                            width: 260px;
                        }
                    }
                    .agreement{
                        position:absolute;
                        bottom:65px;
                        left:-40px;
                        span{
                            display:block;
                            font-family: MicrosoftYaHei;
                            font-size: 12px;
                            color: #999999;
                            float:left;
                            margin-right:10px;
                            line-height:20px;
                        }
                        .xy{
                            margin-right:105px;
                        }
                        img{
                            float:left;
                            margin-right:10px;
                        }
                        a{
                            float:left;
                            display:block;
                            font-family: MicrosoftYaHei;
                            font-size: 12px;
                            color: #1885ff;
                        }
                        .chinese{
                            margin-right:15px;
                        }
                    }
                    .share{
                        width:333px;
                        position:absolute;
                        bottom:10px;
                        left:-75px;
                        em{
                            display:block;
                            font-style:normal;
                            font-family: MicrosoftYaHei;
                            font-size: 12px;
                            color: #999999;
                            float:left;
                            line-height:24px;
                        }
                        a{
                            display:block;
                            margin-left:5px;
                            float:left;
                            img{
                                width:23px;
                                height:23px;
                            }
                        }
                        .follow{
                            height: 32px;
                            background-color: #ffffff;
                            border-radius: 3px;
                            border: solid 1px #dddddd;
                            float:right;
                            span{
                                font-family: MicrosoftYaHei;
                                font-size: 12px;
                                color: #999999;
                                float: left;
                                line-height: 34px;
                                margin-right: 10px;
                                em{
                                    font-style:normal;
                                    font-family: MicrosoftYaHei;
                                    font-size: 12px;
                                    color: #999999;
                                    float: left;
                                    line-height: 34px;
                                }
                            }
                            img{
                                margin: 10px 10px 0 10px;
                                float: left;
                            }
                        }
                    }
                }
            }
            .left-bottom{
                width:100%;
                margin-top:36px;
                h5{
                    font-family: MicrosoftYaHei;
                    font-size: 16px;
                    color: #000000;
                    margin-bottom:25px;
                    padding-left:15px;
                }
                .content-detail{
                    width:100%;
                    padding-left:15px;
                }
            }
        }
        .right{
            width:310px;
            float:right;
            .right-top{
                width:100%;
                float:right;
                padding:25px;
                border: solid 1px #dddddd;
                .head{
                    width:30%;
                    float:left;
                    height:66px;
                    text-align:center;
                    img{
                        width:66px;
                        height:66px;
                        border-radius:50%;
                    }
                }
                .right-info{
                    width:70%;
                    float:left;
                    margin-bottom:67px;
                    h5{
                        font-family: MicrosoftYaHei-Bold;
                        font-size: 14px;
                        color: #333333;
                    }
                    h6{
                        font-family: MicrosoftYaHei;
                        font-size: 12px;
                        color: #666666;
                    }
                }
                .raised,.target{
                    font-family: MicrosoftYaHei;
                    font-size: 12px;
                    color: #999999;
                    span{
                        display:inline-block;
                        font-family: MicrosoftYaHei;
                        font-size: 18px;
                        font-weight: normal;
                        color: #f72800;
                    }
                    em{
                        display:inline-block;
                        font-style:normal;
                    }
                    i{
                        font-style:normal;
                        float:right;
                    }
                }
                .progress{
                    width: 290px;
                    height: 8px;
                    background-color: #fff;
                    border-radius: 4px;
                    border: solid 1px #ffce09;
                    margin:12px 0 12px 0;
                    p{
                        background:#ffce09;
                        height:100%;
                    }
                }
                .des{
                    font-family: MicrosoftYaHei;
                    font-size: 12px;
                    color: #000000;
                    margin-top:20px;
                }
                .err-info{
                    width:100%;
                    color:red;
                    font-family: MicrosoftYaHei;
                    font-size: 12px;
                    height:20px;
                }
                .tips{
                    font-family: MicrosoftYaHei;
                    font-size: 14px;
                    color: red;
                }
                .investment{
                    padding-top:22px;
                    padding-right:25px;
                    padding-bottom:30px;
                    width:310px;
                    border-top:1px solid #f3f3f3;
                    border-bottom:1px solid #f3f3f3;
                    .currency{
                        p{
                            float:left;
                            line-height:24px;
                        }
                        .coin-name{
                            display: inline-block;
                            padding:4px 20px;
                            background-color: #f5f5f5;
                            border-radius: 12px;
                            font-family: MicrosoftYaHei;
                            font-size: 12px;
                            color: #000000;
                            margin-left:15px;
                            float:left;
                            margin-bottom: 15px;
                        }
                        .currency-active{
                            background-color: #ffce09;
                        }
                    }
                    .total-amount{
                        width:100%;
                        height: 38px;
                        background-color: #f5f5f5;
                        border: solid 1px #eeeeee;
                        margin-top:20px;
                        padding-left:17px;
                    }
                    .balance{
                        width:100%;
                        margin-top:15px;
                        span{
                            display:inline-block;
                            font-family: MicrosoftYaHei;
                            font-size: 12px;
                            color:#999;
                            float:left;
                        }
                        em{
                            display:inline-block;
                            float:left;
                            color: #f72800;
                            font-family: MicrosoftYaHei;
                            font-size: 12px;
                            margin-left:10px;
                        }
                        a{
                            display:inline-block;
                            float:right;
                            color: #1885ff;
                            font-family: MicrosoftYaHei;
                            font-size: 12px;
                            cursor:pointer;
                        }
                    }
                }
                .investment-btn{
                    display:inline-block;
                    width: 310px;
                    height: 54px;
                    background-color: #ffce09;
                    border-radius: 27px;
                    font-family: MicrosoftYaHei;
                    font-size: 14px;
                    color: #000000;
                    text-align:center;
                    line-height:54px;
                    margin-top:20px;
                }
            }
            .right-bottom{
                border: solid 1px #dddddd;
                margin-top:35px;
                padding:25px;
                width:100%;
                position:relative;
                float: right;
                .bottom-title{
                    width: 106px;
                	height: 32px;
                	background-color: #02ff7f;
                    position:absolute;
                    top:-16px;
                    left:50%;
                    transform:translate(-50%,0);
                    text-align:center;
                    line-height:32px;
                    font-family: MicrosoftYaHei;
                    font-size: 14px;
                    color: #000000;

                }
                .row{
                    border-bottom:1px solid #eee;
                    height:60px;
                    span{
                       display:inline-block;
                       line-height:60px;
                    }
                    .row-left{
                        float:left;
                    }
                    .row-right{
                        float:right;
                    }
                }
            }
        }

    }
    .cover{
        width:100%;
        height:100%;
        background:rgba(0,0,0,0.5);
        position:absolute;
        top:0;
        display:none;
        .order{
            position:absolute;
            top:50%;
            left:50%;
            transform:translate(-50%,-50%);
            .order-option{
                position:absolute;
                top:-20px;
                right: 10px;
            }
            .order-top{
                width:100%;
                position:absolute;
                top:-10px;
                z-index:-1;
            }
            .order-main{
                width: 334px;
                margin: 0 10px;
                padding:35px 38px 0 38px;
                height: 400px;
                background-color: #ffffff;
                border-radius: 5px;
                .order-main-top{
                    border-bottom:1px solid #ddd;
                    h2{
                        font-family: HiraginoSansGB-W6;
                        font-size: 20px;
                        line-height: 24px;
                        color: #000000;
                        margin-bottom:20px;
                    }
                    p{
                        font-family: HiraginoSansGB-W6;
                        font-size: 14px;
                        line-height: 36px;
                        color: #666666;
                    }
                }
                .order-main-bottom{
                    width:100%;
                    .should{
                        margin-top:27px;
                        height:36px;
                        margin-bottom:50px;
                        span{
                            font-family: HiraginoSansGB-W6;
                            font-size: 14px;
                            font-weight: normal;
                            font-stretch: normal;
                            line-height: 36px;
                            letter-spacing: 0px;
                            color: #666666;
                            float:right;
                            display:inline-block;
                        }
                    }
                    .google-yz{
                        width:100%;
                        float:left;
                        margin-bottom:28px;
                        .google{
                            display:inline-block;
                            height:30px;
                            //margin-right: 15px;
                            //margin-left: 5px;
                        }
                        .google-password{
                            height: 30px;
                            width: 150px;
                            padding-left:10px;
                        }
                        .send-code{
                            display: none;
                            float: right;
                            width: 75px;
                            height: 30px;
                            font-size: 12px;
                            text-align: center;
                            line-height: 30px;
                            background: #ffce09;
                            curdor:pointer;
                        }
                    }
                    .pay-btn{
                        display:block;
                        width: 100%;
                        height: 49px;
                        background-color: #ffce09;
                        border-radius: 5px;
                        font-family: HiraginoSansGB-W3;
                        font-size: 14px;
                        font-weight: normal;
                        font-stretch: normal;
                        line-height: 49px;
                        letter-spacing: 0px;
                        color: #000000;
                        text-align:center;
                    }
                    .err-info{
                        width:100%;
                        color:red;
                        font-family: MicrosoftYaHei;
                        font-size: 12px;
                        height:20px;
                    }
                    .ava{
                        font-family: HiraginoSansGB-W3;
                        font-size: 12px;
                        font-weight: normal;
                        font-stretch: normal;
                        line-height: 36px;
                        letter-spacing: 0px;
                        color: #000000;
                        span{
                            color: #f72800;
                        }
                    }
                }
            }
        }
    }
}



